<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>ZTREE DEMO - Standard Data</TITLE>
<link rel="stylesheet" type="text/css" href="css/simpletree.css" />

<script type="text/javascript" src="js/simpletreemenu.js">
	
</script>
<script 
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
	
</script>
</HEAD>

<BODY>

	<h4>Simple Tree Menu #1 (persist enabled):</h4>
<div class="treeview">
	<ul  id="treemenu1" class="treeview" >
			<script language="javascript">
			
			 var output="";
				$
						.getJSON(
								'../test1.json',
								function(data) {
									$
											.each(
													data.items,
													function(i, f) {

														if (f.mimeType == 'application/vnd.google-apps.folder') {
															 output+= "<li>"
																	+ f.title
																	+ "<ul><li>sub file/folder</li></ul></li>";

														} else {

															output+= "<li>"
																	+ f.title
																	+ "</li>";

														}
														output+= $(tblRow)
																.appendTo(
																		"#treemenu1");
													});

								});

		
			</script>
	</ul>
	<script type="text/javascript">
		ddtreemenu.createTree("treemenu1", true)
		
	</script>
</div>
</BODY>
</HTML>